<!DOCTYPE html>
<html lang="en" ng-app="Jason">
<head>
    <meta charset="UTF-8">
    <title>izmkh.com</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link rel="stylesheet" href="build/common/css/app-890c66a034.css">
    <link rel="stylesheet" href="bower/angular-dialog-service/dist/dialogs.min.css">
    <script type="text/javascript" src="bower/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="js/AdapterJS/publish/adapter.min.js"></script>

    <script type="text/javascript" src="bower/angular/angular.min.js"></script>
    <script type="text/javascript" src="bower/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    <script type="text/javascript" src="bower/angular-animate/angular-animate.min.js"></script>
    <script type="text/javascript" src="bower/angular-ui-router/release/angular-ui-router.min.js"></script>
    <script type="text/javascript" src="bower/angular-file-upload/dist/angular-file-upload.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="js/adapter.js"></script>

    <script type="text/javascript" src="js/global.js"></script>


    <script type="text/javascript" src="build/app-33089568f1.js"></script>


    <script type="text/javascript" src="build/modules/main/app-444d5334bc.js"></script>


</head>

<body ng-controller="MainCtrl">

<div ng-show="loginPageShow" class="page">
    <h2>Login As</h2>
    <input type="text" ng-model="name" id="username"/>


    <button ng-click="login()" id="login">Login</button>
</div>

<div ng-show="callPageShow" class="page">
    <div>curUser:
    <span ng-bind="name">

    </span>
    </div>


    <div class="modal show" id="imModal" data-backdrop="static">
        <div   ng-class="{true: 'modal-dialog modal-lg modal-lg-large', false: 'modal-dialog modal-lg '}[showChatByVideo]">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">

                        <div id="had-user">
                            <!---联系人--->
                            <div ng-class="{true: 'col-sm-2 Js-chat-user-wrap', false: 'col-sm-3 Js-chat-user-wrap'}[showChatByVideo]" >
                                <div class="logo-wrap">
                                    <img src="./build/common/img/white-logo.png" class="image-responsive"/>
                                </div>
                                <ul class="webim-left-chater f-oh">

                                    <li ng-repeat="person in userList" ng-click='changeConnectedUser(person.name)'
                                        id='{{ person.name }}' class="ChatUser f-oh" ng-class="{'curChatUser':$first}">

                                        <div class="photoWrap pull-left">
                                            <img width="40" height="40" ng-src="{{ person.avatar }}">
                                            <span class="chat-user-online-status"></span>
                                        </div>

                                                    <span class="avatar user-name pull-left" ng-bind="person.name">

                                                    </span>

                                        <span class="pull-right glyphicon glyphicon-remove cancel-chater"></span>
                                    </li>


                                </ul>
                                <a class='more-contact' title='加载所有联系人' href='javascript:getMoreContact()'></a>
                            </div>

                            <!---文本聊天区--->
                            <div ng-class="{true: 'col-sm-6 Js-chat-main-area showChatByVideo', false: 'col-sm-9 Js-chat-main-area'}[showChatByVideo]">
                                <div class="chat_area">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                        <h4 class="modal-title" id="talkTo">
                                            与<span ng-bind="connectedUser"></span>聊天中...
                                        </h4>
                                    </div>
                                    <div class="web-im-patient">

                                        <div class="web-im-wrap">
                                            <div id="chatDiv">


                                                <div id="msg_place">
                                                    <div ng-repeat="person in chatRecordsData"  class="f-oh {{person.slide}} chat-list" >
                                                        <div ng-if="person.showImg">
                                                            <img width="40" height="40" class="avatar" ng-src= {{person.avatar}} />
                                                            <div class="recived-img">
                                                                <div class="triangle">

                                                                </div>

                                                                <img  ng-src={{person.msg}}  />
                                                            </div>

                                                        </div>

                                                        <div ng-if="person.showFiles">
                                                            <img width="40" height="40" class="avatar" ng-src= {{person.avatar}} />
                                                            <div class="recived-img">
                                                                <div class="triangle">

                                                                </div>

                                                                <a download={{person.filename}} ng-href ={{person.msg}}>{{person.filename}}</a>
                                                            </div>

                                                        </div>

                                                        <div ng-if="person.showText">
                                                            <img width="40" height="40" class="avatar" ng-src= {{person.avatar}} />
                                                            <div class="recived-img">
                                                                <div class="triangle">

                                                                </div>

                                                                <span ng-bind="person.msg"></span>

                                                            </div>

                                                        </div>


                                                    </div>

                                                </div>


                                            </div>
                                            <div class="chat-tool" style="position: relative;">







                                                <ul class="chat-operator-icon">
                                                    <li>
                                                        <div class="emotion" id="emotionOperator"   ng-click="showEmotionFun()"   title="发送表情"></div>
                                                        <div ng-show="showEmotion" id="emojiWrapper">

                                                            <img  ng-repeat="x in emotionList"  ng-click="emotionAddClick($index)"  title="{{$index}}" ng-src="{{x}}"  />

                                                        </div>


                                                    </li>

                                                    <!--<li>-->
                                                        <!--<div class="sendPic"   title="发送文件"></div>-->

                                                        <!--<input class="file-component" title="发送文件" type="file" id="sendFiles" />-->
                                                    <!--</li>-->
                                                    <li class="f-oh">


                                                        <div class="sendPic"   title="发送文件"></div>
                                                        <input class="file-component" type="file" id="sendPic" />
                                                    </li>
                                                    <!--<li class="visible-lg-inline-block">-->
                                                        <!--<div class="sendAudio" ng-click="sendAudio()"-->
                                                             <!--title="开始获取媒体流"></div>-->
                                                    <!--</li>-->
                                                    <li class="f-oh">
                                                        <div ng-click="inviteChatByVideo()"
                                                             title="视频聊天" class="real-time-contact-icon"></div>
                                                    </li>
                                                    <!--<li style="display: none;">-->

                                                    <!--<div class="history" title="历史记录"></div>-->

                                                    <!--</li>-->


                                                </ul>

                                            </div>
                                            <div class="chat-textarea" ng-keyup="enterKeyUp()">
                                                <textarea ng-model="textMsgAreaValue" placeholder="请输入内容" id="textMsgArea"></textarea>
                                            </div>
                                            <div class="chat-footer">
                                                <span>(SHIFT+ENTER换行)</span>
                                                <button type="button" class="btn btn-primary" id="send" ng-click="sendMsg()">发送 </button>

                                            </div>
                                        </div>

                                    </div>
                                </div>


                            </div>


                            <!---视频区--->
                            <div class="col-sm-4" id="chat-by-video-area" ng-show="showChatByVideo">

                                <!---对方不同意-->

                                <div class="opposite-not-allow hide"></div>


                                <!---视频展示区域-->
                                <div id="media-list">
                                    <video  ng-show="showSelfVideo" id="yours" autoplay></video>
                                    <video id="theirs" autoplay></video>

                                </div>


                                <!--视频功能-->
                                <div ng-show="showVideoOperater" class="video-chat-tool  f-oh">
                                    <div  ng-class="{true: 'toggle-mute pull-left closedAudio-icon', false: 'toggle-mute pull-left'}[muted]" ng-click="toggleMute()" title={{voiceMute}}></div>


                                    <div ng-click="toggleSelfVideo()" ng-class="{true: 'toggle-self-video-size pull-left', false: 'toggle-self-video-size pull-left closedVideo-icon'}[showSelfVideo]" title="关闭小窗口"></div>
                                    <div class="toggle-self-video-valid pull-left" title="关闭视频"></div>
                                    <div class="take-out pull-left">
                                        <button class="btn btn-danger btn-sm" ng-click="closeVideoChat()">退出</button>
                                    </div>
                                </div>


                                <!--呼叫等待-->
                                <div class="waiting-for-receiver" ng-show="showHolding">
                                    <div id="receiver_name" class="receiver-name"></div>
                                    <div class="waiting-msg">等待对方通话中...</div>
                                    <div class="waiting-button">
                                        <img class="waiting-button-bg" src="./build/common/img/falsh-button-bg.gif"/>
                                        <div class="phone-icon pull-left">
                                            <img src="./build/common/img/phone-icon.png" class="img-responsive"/>
                                        </div>
                                        <b class="pull-left">取消接通</b>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>

            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>


</div>


<script type="text/ng-template" id="myModalContent.html">
    <div class="modal-header">
        <h4 class="modal-title">视频聊天邀请</h4>
    </div>
    <div class="modal-body">

        您的好友{{videoRequestUserName}}邀请您加入视频聊天~
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" type="button" ng-click="ok()">接受</button>
        <button class="btn btn-warning" type="button" ng-click="cancel()">拒绝</button>
    </div>
</script>


<video id="testvideo" autoplay></video>


<button type="button" class="btn btn-default" ng-click="test()">Small modal</button>




</body>

</html>